<!doctype html>
<html lang="en">
<head>
	{include file="common/head"}
</head>
<body>
	{include file="common/menu"}
	{include file="common/sub2"}
	<section class="section blog-wrap bg-gray">
	    <div class="container">
	        <div class="row">
	            <div class="col-12">
	                <div class="row">
	                	{hkcms:content num="$Cate.num" page="1"}
						<div class="col-6 col-md-4 col-lg-3 mb-5">
							<div class="blog-item">
								<a href="{$item.url}" title="{$item.title}">
									<img src="{$item.thumb}" alt="" class="p-img img-fluid rounded w-100">
								</a>
								<div class="blog-item-content bg-white pt-3 px-4 pb-4">
									<h6 class="mb-1"><a href="{$item.url}" class="aline" title="{$item.title}">{$item.title}</a></h6>
									<p class="mb-0"><a href="{$item.url}" class="twolines" style="height: 40px;line-height: 20px;">{$item.description}</a></p>
									<div class="blog-item-meta pt-2">
										<span class="text-capitalize text-danger mr-3"><i class="fas fa-yen-sign mr-1"></i>{$item.price}</span>
										<span class="text-capitalize text-danger float-right"><i class="fas fa-meteor mr-2"></i>{$item.views}</span>
									</div> 
								</div>
							</div>
						</div>
						{/hkcms:content}
					</div>
					<div class="row justify-content-center mt-2">
			            <div class="col-12 text-center">
		                    {hkcms:contentpage item="home,pre,pageno,next,last,info" mobile_item="pre,pageno,next" pre="&laquo;" next="&raquo;" /}
			            </div>
			        </div>
	            </div> 
	        </div>
	    </div>
	</section>
	{include file="common/footer"}
</body>
</html>